* {
  margin: 0;
  padding: 0;
  list-style-type: none;
  box-sizing: border-box;
}

#root,
html,
body {
  width: 100%;
  height: 100%;
}


// 大盒子
.boxWrap {
  background-color: #05014C;
  width: 100%;
  height: 100%;
  color: #fff;

  header {
    height: 10%;
    background-image: url(../public/icon/Top.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }

  main {
    width: 100%;
    height: 90%;

    // 左侧背景
    .leftMain {
      width: 30%;
      height: 100%;
      background-image: url(../public/icon/mainLeft.png);
      background-repeat: no-repeat;
      background-size: 100% 100%;
      float: left;
    }

    // 中间背景
    .mainBox {
      width: 40%;
      height: 100%;
      background-image: url(../public/icon/starfield.jpg);
      background-size: auto;
      background-position: 0;
      float: left;
    }

    // 右侧背景
    .rightMain {
      width: 30%;
      height: 100%;
      background-image: url(../public/icon/mainRight.png);
      background-repeat: no-repeat;
      background-size: 100% 100%;
      float: right;
    }

  }

  footer {
    position: fixed;
    width: 50rem;
    left: 50%;
    bottom: 0;
    height: 5rem;
    transform: translate(-50%);
    margin: auto;
    // background-color: aquamarine;
    background-image: url(../public/icon/菜单栏.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: 666;
    color: #A47955;
    display: flex;
    justify-content: center;
  }
}

// 登录页
.loginPage {
  height: 100%;
}

.ico1 {
  width: 100%;
  height: 50px;
  background: url(../public/icon/左.png) no-repeat;
  background-size: 100% 50px;
  color: #8295E0;
  line-height: 50px;
  text-indent: 2em;
}


.tab {
  width: 100%;
  margin-top: 20px;
  height: 240px;
  text-align: center;
  border-collapse: collapse;

  thead {
    height: 30px;
    background: rgb(11, 97, 225);
  }

  tbody tr:nth-child(2n) {
    background-color: rgb(112, 198, 231);
  }
}